<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Modern Poems</title>

<style type="text/css">

span {color: blue;
font-size:large;}

/* .head {color: black;
font-size:1.5em;} */

p {text-align: center;}

p#tgr {color:red;}
span.title {color: green;}
span {color:blue;}

</style>

</head>

<body>
    <h1>现代诗三首</h1>

    <p>
    <span>面朝大海, 春暖花开</span>
    </br>
    作者：海子</br>
    <span class="head">从</span>明天起,做一个幸福的人</br>
    喂马，劈柴，周游世界</br>
    从明天起,关心粮食和蔬菜</br>
    我有一所房子，面朝大海,春暖花开</br>
    ... </br>
    我只愿面朝大海，春暖花开</br>
    </p>

    <p>
        <span>再别康桥</span>
        </br>
        作者：徐志摩</br>
        <span class="head">轻</span>轻的我走了，</br>
        正如我轻轻的来；</br>
        我轻轻的招手，</br>
        作别西天的云彩。</br>
        ...</br>
        我挥一挥衣袖，</br>
        不带走一片云彩。</br>
    </p>
    <p>
        <span>断章</span>
        </br>
        作者：卞之琳</br>
        <span class="head">你</span>站在桥上看风景，</br>
        看风景的人在楼上看你。</br>
        明月装饰了你的窗子，</br>
        你装饰了别人的梦。</br>
    </p>

    <p id="tgr">
    <span class="title">世界上最远的距离</span></br>
          泰戈尔</br>
          <span class="head">世</span>界上最远的距离</br>
不是 生与死的距离</br>
而是 我站在你面前</br>
你不知道<span class="ily">我爱你</span></br>
世界上最远的距离</br>
不是 我站在你面前</br>
你不知道<span class="ily">我爱你</span></br>
    </p>
</body>
</html>